<template>
  <div>
    <span>用户名 </span><input type="text" name="username" /><br />
    <span style="margin-right: 15px">密码 </span
    ><input type="text" name="password" />

    <div style="margin-top: 20px">
      <button style="margin-right: 20px">登录</button>
      <button @click="res">注册</button>
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    res() {
      // this.$router.push({
      //   path: '/register',
      //   //编程式导航传参
      //   query: {
      //     uname: 'cxk',
      //   },
      // })

      //使用path 会忽略params

      //如果编程式导航而且传参用params 要用name传
      // this.$router.push({
      //   //
      //   name: 'Register',
      //   //是在内存中传参，刷新内容会丢失
      //   params: {
          
      //     uname: 'cxj',
      //   },
      //   //query 是在地址栏传参，刷新还在
      //   query: {
      //     uname: 'cxk',
      //   },
      // })
// 动态传参
      this.$router.push('/register/cxk123')
    },
  },
}
</script>

<style scoped></style>
